<template>
    <div class="takeout">
        <el-table
            :data="tableData"
            border
            style="width: 100%">
            <el-table-column
            fixed
            prop="date"
            label="下单时间"
            width="100">
            </el-table-column>
            <el-table-column
            prop="name"
            label="姓名"
            width="120">
            </el-table-column>
            <el-table-column
            prop="province"
            label="手机号码"
            width="120">
            </el-table-column>
            <el-table-column
            prop="address"
            label="地址"
            width="300">
            </el-table-column>
            <el-table-column
            prop="zip"
            label="编号"
            width="150">
            </el-table-column>
            <el-table-column
            prop="city"
            label="备注"
            width="120">
            </el-table-column>
            <el-table-column
            fixed="right"
            label="操作"
            width="100">
            <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
                <el-button type="text" size="small">编辑</el-button>
            </template>
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data() {
        return {
            tableData: [{
            date: '2021.04.21',
            name: '小虎',
            province: '15625478549',
            city: '不要辣',
            address: '上海市普陀区金沙江路',
            zip: 154215845725415
            }, {
            date: '2021.04.21',
            name: '李小萌',
            province: '13652484657',
            city: '多下辣',
            address: '阳江市江城区石湾北路12号 ',
            zip: 154784574895236
            }, {
            date: '2021.04.20',
            name: '宝雯',
            province: '183154256954',
            city: ' ',
            address: '阳江市江城区康泰路15号',
            zip: 321542541586542
            }, {
            date: '2021.04.20',
            name: '啊珊',
            province: '13652451526',
            city: '不要葱',
            address: '阳江市江城区人民广场15号',
            zip: 321452154215321
            }]
        }
    },
    methods: {
        handleClick(row) {
            console.log(row);
        }
    },
}
</script>
<style>

</style>